<template>
  <div>
    <img src="../../../assets/img/brand1.png" />
    <img src="../../../assets/img/brand2.png" />
    <img src="../../../assets/img/brand3.png" />
    <img src="../../../assets/img/brand4.png" />
    <img src="../../../assets/img/brand5.png" />
    <img src="../../../assets/img/brand6.png" />
    <img src="../../../assets/img/brand7.png" />
    <img src="../../../assets/img/brand8.png" />
    <img src="../../../assets/img/brand9.png" />
    <img src="../../../assets/img/brand10.png" />
  </div>
</template>
<script>
export default {
  name: "brand",
};
</script>
<style scoped lang="less">
div{
  margin: 10px auto;
     padding: 15px 0;
    display: flex;
    width: 1200px;
    justify-content: center;
    align-items: center;
            background-color:#f7f7f7;
    img:nth-child(-n+9){
    width: 120px;
    height: 37px;
    border-right:1px solid rgb(204, 204, 204);
    }
}
</style>
